@charset "utf-8";
/* CSS Document */
body{  background:url(../images/Bg-body.gif) #555; padding:0; margin:0; text-align:center; font-size:inherit;}
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, small, strong, sub, sup, tt, var,
ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;text-align:left; font-family:"微软雅黑" }
ul, ol, li{ list-style-type: none;}
a, a:hover,a:link, a:visited{ color:#333;text-decoration: none;}
img { border: none; }
a {font-size: medium; color: #036;}
a:link {text-decoration: none; }
a:visited { text-decoration: none; color: #333;}
a:hover { text-decoration:none; }
a:active { text-decoration: none;color: #000;}
div { padding:0; margin:0; text-align:left; overflow:hidden;}
dt, dl, dd { display:block;	margin:0; padding:0;}
.cle{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.leftimg{ width:600px}
input:focus{outline: none;}
/* HTML5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section, menu ,datalist { display:block; }
time { display: inline; }
header{ background:url(../images/bg-body.gif) #555;}
	#topnav{ width:100%; height:50px; text-align:center;}
		.topnav{ width:960px; padding:15px 0 5px ; height:20px; margin:0 auto; filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;}
		.topnav ul{ margin:0; width:auto; float:left;}
		.topnav ul li{ margin:0 auto; float:left; width:auto;}
		.topnav a{ padding:5px 30px 5px 0; height:20px; display:block; margin:0 0 0 2px; color:#EEE; width:auto;}
		.topnav input{ padding:9px 30px 5px 0; height:30px; margin:0 0 0 2px; color:#EEE; width:auto; background:none; border:none; font-size:1em; line-height:1em; vertical-align:sub;}
		.topnav a:link{ color:#FFF; }
		.topnav a:hover{ color:#FFF;text-decoration: none;}
		.topnav span{color:#FFF; padding:5px 30px 5px 0; margin: 0 0 0 2px; display:inline-block;}
		.topnav ol{ margin:0; width:auto; float:right;}
		.topnav ol li{ margin:0 auto; float:left; width:auto;}
section{ text-align:center; background:url(../images/bg-section.gif); padding:10px;}
	.wrap{background:#EEE;}
	#seach{ margin:10px auto; padding:0; width:960px; text-align:center; }
		#seach #logo{ display: block; width: 380px; height: 50px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat 0 0; margin:20px auto 15px; float:left}
		#seach .seach{background:#FFF; margin:30px auto 20px; width:410px; float:right;} 
			#seach .seach_txt{ border:1px solid #CCC; padding:4px; height:26px; width:310px; display:inline-block; margin:0; float:left; text-align:left;}
			#seach .seach_bun { border:none; padding:0; height:36px; width:90px; display:inline-block; background:#CCC; margin:0; float:left;}
		#seach #us img{ float:left; width:auto; padding:0 10px 0 0}
		#seach #us .name{ float:left; width:auto; font-size:1.8em; color:#09F; padding:60px 5px 0;}
		#seach #us span{ float:left; width:auto;font-size:1.5em; padding:65px 5px 0;}
	
	.qanda{ margin:10px auto; padding:0; width:960px; text-align:center; }
		.qanda #logo{ background:url(../images/qandalogo.png) }
		#seach .qanda{ margin:30px auto 20px; width:510px; float:right;} 
			.qanda .seach_bun { border:none; padding:0; height:36px; width:90px; display:inline-block; background:#CCC; margin:0 5px 0 0; float:left;}
	
	nav{width:960px;  margin:0 auto 10px;}
	nav .msg{ padding:10px 10px 0;}
		nav .msg h1{ display:inline-block;}
		nav .msg a{ display:inline-block; padding:0 20px; color:#333; }
	nav #breadcrumb { margin:10px; }
		nav #breadcrumb ul{ padding:0 10px 0 0; margin:0; height:28px; overflow:hidden;}
			nav #breadcrumb ul:after{ clear:both; display:block; height:0; content:""; visibility:hidden;}
			nav #breadcrumb ul li { padding: 5px 10px 5px 0; width:auto; float:left;}
				nav #breadcrumb ul li a { color:#666; font-size:0.8em; display:inline-block; padding:0 5px 0 0}
				nav #breadcrumb ul li span { color:#666; font-size:0.8em; display:inline-block; padding:0 5px 0 0}
				nav #breadcrumb ul li a:hover{ color:#09C;}
		nav .title{margin:10px;}
			nav .title h1 { color:#555;  padding:0 5px 0 0; width:auto; display:inline-block; font-size:1.2em;}
			nav .title h2 { color:#555;  padding:0 5px 0 0; width:auto; display:inline-block; font-size:1em;}
			nav .title span { color:#666; font-size:0.9em; padding:0 5px 0 0; display:inline-block; }			
		nav dl{ padding:5px; margin:0 0 5px; background:#FFF; overflow:hidden; position:relative;}
			nav dl dt{ width:200px; float:left; margin:0 10px 0 0;}
				nav dl dt img{ padding:5px; margin:0; width:200px !important; height:150px !important;}
		 	nav dl dd { width:700px; margin:0; float:right; overflow:hidden; padding:5px; margin:5px; }
		 		nav dl dd a{ display:block; padding:5px 10px ; font-size:0.9em; color:#666; float:left; }
		 		nav dl dd span{ display:block; padding:5px; font-size:0.9em; color:#666; float:left; }
		 		nav dl dd .icon{ clear:both; padding:5px 10px }
		 			nav dl dd .icon img{ display:inline-block; width:50px; height:50px; padding:0 30px 0 0}
		 		nav dl dd .bun{ position:absolute; width:150px; text-align:center; padding:10px; background:#CCC; color:#333; bottom:10px; right:10px; border-radius:2px; display:block; height:20px;}
		 nav .seach{ margin:10px auto; width:960px;}
		 	nav .seach form{ overflow:hidden;}
		 	nav .seach select{ padding:6px; font-size:1em; margin:0 5px 0 0; display:block; float:left;}
			nav .seach select option{ padding:10px 0; min-height:1.5em;}
			nav .seach #submit{margin:0 15px; padding:7px 15px; width:90Px; height:33px; line-height:18px; vertical-align:sub; color:#333;  border:1px #CCC solid; border-radius:3px; text-align:center; font-size:1em; display:block; float:left; background:#FFF; vertical-align:bottom;}
		 	nav .seach a{margin:0 15px; padding:7px 15px; width:80Px; height:18px; line-height:18px; vertical-align:sub; color:#333;  border:1px #CCC solid; border-radius:3px; text-align:center; font-size:1em; display:block; float:left; background:#FFF; vertical-align:bottom;}
			nav .seach input{ padding:5px; display:inline-block; height:21px; line-height:14px; vertical-align:text-top; width:100px; border:1px solid #999;}
			nav .seach span input{ padding:5px 5px; margin:0; border:1px solid #999; line-height:22px; height:22px; width:200px; background:#FFF;}
		
	.us{ width:820px; float:left; margin:0 20px 0 0;}
		.us .title{ overflow:hidden; border-bottom:2px #999 solid; padding:0 0 10px; margin:0 0 15px}
			.us .title h1{ float:left; width:auto;}
			.us .title img{float:left; display:inline-block; width:30px; height:30px; margin:1px 10px 0 0;  border-radius:15px; padding:0;}
		.us .main{}
			.us .main dl{overflow:hidden; margin:5px 0; line-height:1.em; vertical-align:sub; font-size:0.9em; color:#333; padding:5px 10px; border-bottom:1px dashed #CCC;}
				.us .main dl dt{ float:left; text-align:right; margin: 0 10px 0 0; width:100px; }
				.us .main dl dd{ margin:0 15px 0 0; width:auto; float:left;}
					.us .main dl dd img{ width:80px; height:auto; padding:0;}
						
					
					.us .main dl dd a{ color:#999; font-size:0.9em;}
					.us .main dl dd .submit {padding: 0; margin: 0 0 0 100px;}
						.us .main dl dd .submit input{ padding:5px 10px; margin:5px 10px 5px 0; border:1px solid #CCC; background:#EEE; font-size:0.9em; background:#EEE;}
				.us .main dl.open .modify{ display:block;}
				.us .main dl.off .modify{ display:none;}
				.us .main dl .modify{ clear:both; width:100%; margin:10px 0 0 100px; padding:10px ; background:rgba(255,255,255,0.75)}
				.us .main dl .modify dl{overflow:hidden; border-bottom:none; width:auto;}
					.us .main dl .modify dl dt{ float:left; width:80px; line-height:30px; vertical-align:sub;}
					.us .main dl .modify dl dd{float:left; max-width:650px;}
						.us .main dl .modify dl dd span{ line-height:30px; vertical-align:sub;}
						.us .main dl .modify dl dd input{ padding:3px 5px; margin:0; border:1px solid #ccc; line-height:22px; height:22px; width:200px; line-height:22px; vertical-align:super; background:#FFF;}
						.us .main dl .modify dl dd .validate{ display:inline-block; width:80px; padding:3px 5px; margin:0; border:1px solid #ccc; height:29px; line-height:22px; vertical-align:top; background:#EEE;}
	section #banner{ width:960px; height:260px; overflow:hidden; padding:0 0 15px}
	section #banner ul{ position:absolute; background:#666;text-align:right;padding:0; margin:auto ;z-index:2;}
	section #banner ul li{ padding:0; margin:0 auto; float:left; height:12px;}
	section #banner ul li a{ padding:0; margin:0;}
	section #banner img{ margin:0; border:0; width:960px;}
article{}
	.content{ width:960px; margin:30px auto 40px; overflow:hidden; background:#FFF; padding:10px 0 20px;}
		.content .pic{ width:240px; float:left;}
			.content .pic img{ padding:10px 0 0 20px; width:200px;}
		.content .mgs{ width:700px; float:left; padding:10px; float:left;}
			.content .mgs a{ display:block; padding:5px 10px ; font-size:0.9em; color:#666; float:left; }
		 	.content .mgs span{ display:block; padding:5px; font-size:0.9em; color:#666; float:left; }
			.content .mgs .region{ clear:both; color:#333; font-weight:600;}
			 .content .mgs .icon{ clear:both; padding:5px 10px }
			 .content .mgs .icon img{ display:inline-block; width:50px; height:50px; padding:0 30px 0 0}
			 .content .sta{ margin:30px 30px 0; border-top:1px #CCC solid; padding:30px 0; clear:both;}
			 .content .sta ul{ padding: 10px 0;}
			 .content .sta ul li{ padding: 10px 0; margin: 0 0 5px; border-bottom:1px #CCC dashed; overflow:hidden;}
			 .content .sta ul li div{ float:left; width:auto;}
			 .content .sta ul li .project{ width:80px;}
			 .content .sta ul li .value{ width:150px;}
			 .content .sta ul li .value-s{ width:80px;}
			 .content .sta ul li .source{ width:200px; float:right !important; text-align:right;}
			 .content .sta ul li .approve{ width:80px; float:right !important;}
			 .content .sta p{}
			 .content  .cle{ clear:both;}
		.article{ margin:20px auto 50px; width:960px;}
			.article .title{ padding:5px 0 15px;  margin:0; overflow:hidden; border-bottom:2px solid #666;}
				.article .title h2{ padding: 0 0 10px; margin:0; line-height:1.2em; font-size:1.2em; color:#333; float:left;}
				.article .title a{ float:left; width:auto; padding:10px 10px 5px; height:20px; line-height:20px; vertical-align:sub; text-align:center;}
				.article .title .bunt{ float:right; width:100px; padding:5px; background:#CCC; border-radius:3px; border:1px solid #999; color:#333; height:20px; line-height:20px; vertical-align:sub; text-align:center;}
				.article .title .bun{ float:right}
			.article ul{ padding:5px 0; margin:0;}
			.article ul li{ padding:5px; margin:0 0 5px;}
			.article ul li:hover{ background:#FEFEFE; overflow:hidden;}
			.article ul li h3{ padding:5px 5px 5px 0; margin:0; font-size:1em; line-height:1em; vertical-align:sub; float:none;}
			.article ul li span{ display:inline-block; float:left; padding:5px 5px 5px 0; margin:0; font-size:0.8em; line-height:1em; vertical-align:sub; color:#999;}
			.article ul li p{ clear:both; padding:5px 0; margin:0; line-height:1.8em;  font-size:0.95em; text-indent:0;}
		.article .handle{ overflow:hidden; padding:20px 30px 0; width:300px;}
			.article .handle a{ display:inline-block; width:30px; height:30px; padding:0; margin:0 5px; 0 0; background:url(../images/iconlike-off.png) no-repeat; text-indent:-999em;}
			.article .handle span{ width:auto; display:inline-block; height:30px; line-height:30px; vertical-align:sub; margin:0 25px 0 0; font-size:1em; color:#666;}
			.article .handle a.evaluate { background:url(../images/iconevaluate-off.png);}
			.article .handle a.active { background:url(../images/iconlike-on.png);}
			.article .handle a.evaluateactive { background:url(../images/iconevaluate-on.png);}
		.article .main{ background:#FFF; padding:10px 20px 40px; margin:0;}
		.article .main .title{ overflow:hidden; padding: 10px 25px 5px; margin:0; border:none;}
		.article .main .title span{ display:inline-table; width:auto; padding:5px 15px 5px 0; color:#333; margin:0;height: 20px; line-height: 20px; vertical-align: sub;}
		.article .main .title a{ color:#666; display:inline-table; width:auto; padding:5px 15px 5px 0; margin:0;}
		.article .main h1{ padding:5px 25px 15px; line-height:1.5em; font-size:1.5em; vertical-align:sub; margin:0;}
		.article .comment{ margin:10px 0 40px; }
			.article .comment .commentinput{}
				.article .comment .commentinput form{}
					.article .comment .commentinput form textarea{ padding:10px; border:1px #CCC solid; width:938px;}
					.article .comment .commentinput form input { border:none; padding:0; height:36px; width:90px; display:inline-block; background:#CCC; margin:5px 0; }
			.article .comment ul{ padding:10px 0;}
				.article .comment ul li{ padding:5px 0 5px 50px; overflow:hidden; border-bottom:1px #CCC dashed;}
					.article .comment ul li:hover{ background:#FEFEFE;}
					.article .comment ul li .us{ margin:0 -50px; padding:0 0 10px;}
						.article .comment ul li .us img{ width:30px; height:30px; border-radius:15px; display:inline-block; margin:0 0 0 10px; padding:0; vertical-align:text-top;line-height:30px;}
						.article .comment ul li .us span{ padding:0; font-size:1em; color:#666; display:inline-block; margin:0 0 0 10px; float:none;line-height:30px; vertical-align:text-top;}
						.article .comment ul li p{ padding:5px 0; margin:0; line-height:2em; font-size:1em; color:#333;}
						.article .comment ul li .content{ padding:5px 0; margin:0; background:none; width:910px}
							.article .comment ul li .content p{ padding:5px 0; margin:0; line-height:2em; font-size:1em; color:#333; width:910px;}
							.article .comment ul li ul li{ border-top:1px #CCC dashed; border-bottom:none;}
	
	.article .publish{ padding:15px 0 20px; margin:0 auto; width:auto; text-align:center; }
	.article .publish dl { padding:5px 0; overflow:hidden;}
		.article .publish dl dt { width:60px; float:left; padding:5px 15px 0 0; margin:0; text-align:left; }
		.article .publish dl dt label{ padding:5px 0; height:22px; line-height:22px; vertical-align:super;}
		.article .publish dl dd{width:875px; float:left; padding:0; margin:0; text-align:left; }
		.article .publish dl dd input{ padding:3px 5px; margin:0; border:1px solid #ccc; line-height:22px; height:22px; width:350px; line-height:22px; vertical-align:super; background:#FFF;}
		.article .publish dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; width:100%; line-height:22px; vertical-align:super;}
		.article .publish dl dd span{ padding:3px 5px; margin:0;  font-size:0.8em; line-height:0.8em; vertical-align:super;}
		.article .publish dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em; line-height:1.5em; width:100%; vertical-align:super;}  
		.article .publish .submit{ padding:0; margin:0 0 0 85px; overflow:hidden;}
		.article .publish .submit input{ padding:10px 15px; margin:5px 10px 5px 0; border:1px solid #CCC; background:#EEE; font-size:1em; background:#EEE;}
	
		section article .pagination { text-align: center; padding: 20px 0 5px 0;font-size: 0.8em;}
			section article .pagination a { margin: 0 5px 0 0; padding: 3px 6px; }
				section article .pagination a.number { border: 1px solid #ddd;}
				section article .pagination a.current { background: #666; border: 1px solid #ddd;!important; color: #fff !important;}
				section article .pagination a.current:hover { text-decoration: underline;}
	.guild{ width:960px; margin:30px auto 40px;}
	.guild p{ padding:10px 20px; line-height:1.8em; font-size:0.9em; color:#333; text-indent:0;}
	.guild .link{ padding:10px; overflow:hidden;}
	.guild .link a{ padding:10px; width:150px; height:20px; font-size:1.1em; text-align:center; background:#CCC; border-radius:4px; display:inline-block; margin:0 15px 0 ;}
	article #column{padding:10px 0;}
	article #column ul{ margin:15px 0 15px 15px; padding:0; width:975px; }
		article #column ul li{ margin:0 15px 0 0; padding:0; width:310px; float:left; background:#FFF;  }
			article #column ul li h2{ padding:10px 5px; margin:0; font-size:1.5em; text-indent:0; border-bottom:3px solid #39F; color:#39F;}
			article #column ul li h2 span{ font-size:0.9em;}
				article #column ul li ul{ margin:20px 10px 0; padding:0; width:280px;}
					article #column ul li ul li{ padding:0 0 10px; margin:0; width:280px}
					article #column ul li ul li a img{ float:left; margin:5px 0 5px 10px;  width:60px; padding:0;}
					article #column ul li ul li h3 { float:left; margin:0; font-size:0.8em; padding:0 0 5px 10px; text-indent:0; width:200px;}
					article #column ul li ul li h3 a{ }
					article #column ul li ul li p { float:left; margin:0; padding:0 0 0 10px; ; line-height:1.4em; font-size:0.8em; text-indent:0; width:200px;}
					article #column ul li ul li p a { font-size:1em;}
					article #column ul li ul li p b { color:#600}
					article #column ul li h2{ padding:10px; margin:0; font-size:1em; text-indent:0;}
	
	article .title{  hight:35px; padding:30px 0 10px; margin:0px auto 15px;  border-bottom:3px solid #06F;}
	article .title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	article .title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	article .title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;}
	article .title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:right;}
	article p{ padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
	article p{padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article img{padding:10px;margin:auto;text-align:center;}
	article .news{padding:5px 0 15px; margin:0 25px  }
		article .news ul{ padding:0; margin:0}
		article .news ul li{ padding:10px 0 3px; margin:0; border-bottom:1px solid #EEE; line-height:1em;}
		article .news ul li h3{ width:auto; padding:0; margin:0 ;float:left;  }
		article .news ul li h3 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
		article .news ul li label{ font-size:1em; width:auto; padding:0; margin:0 10px ; float:right;}
		article .news ul li label a{ font-size:0.7em;}
	#pic{ width:960px; margin:auto;}
	article .pic{padding:5px 0; margin:0 }
		article .pic dl{ padding:5px 0; margin:0; border-bottom:1px solid #EEE;}
		article .pic dl dt{ padding:0 0 margin:0; width:400px; float:left;}
			article .pic dl dt img{ width:100%; padding:0 10px 0 0}
		article .pic dl dd { float:left; width:500px; padding:0 0 0 10px;}
			article .pic dl dd ul{ padding:0; margin:0;}
				article .pic dl dd ul li{ padding:5px;font-size:0.9em; color:#666; margin:0}
					article .pic dl dd  span{ display:inline-block;  vertical-align:sub; color:#666; padding: 0 ; width:70px; line-height:1em; text-indent:0; margin:0 10px 0 0}
					article .pic dl dd ul li label{ display:inline-block; vertical-align:sub; color:#666; padding: 0 ; width:auto;line-height:1em; text-indent:0;}
					article .pic dl dd ul li label b{ font-size:1.5em; font-weight:bold; color:#06F;}
					article .pic dl dd ul li label a{ display:inline-block; padding:4px; border:#999 1px solid; margin:0; font-size:0.9em;}
					article .pic dl dd ul li .addcart{ display:inline-block; margin:10px 10px 10px 0; padding:6px 10px; background:#06C; border:1px solid #036; color:#FFF; font-weight:bold; text-align:center; text-indent:0;}
					article .pic dl dd ul li .addcartoff{ display:inline-block; margin:10px 10px 10px 0; padding:6px; background:#666; border:1px solid #CCC; color:#CCC; font-weight:bold;}
					article .pic dl dd ul li p{ vertical-align:sub; color:#666; padding: 0 ; line-height:1.6em; text-indent:0;}
		article .pic dl dd p a{  width:auto; padding:10px 0 0; margin:0 10px ;}
	article p{ padding:5px 25px 0; margin:10px 0; font-size:1em; line-height:2em; text-indent:2em; }
		articleimg{ display:block; margin:10px auto; width:auto; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
		article .ad { padding:0; margin:0; text-align:center;}
			article .ad img { width:auto; padding:5px 0;}
	#datalist{ padding: 10px 0 0;width:840px; overflow:hidden; float:left;}
		#datalist ul{ margin:5px 0 ; padding:0; }
		#datalist ul li{ margin:0 15px 0 0; padding:0; width:218px; float:left;  }
			#datalist .mod-img2 { margin:0 0 15px 0; background:#FFF;}
			#datalist .mod-img2 img{ padding:0; margin:0; display:block; width:218px;}
			#datalist .mod-img2 h2{ padding:10px; margin:0; font-size:1em; color:#333; text-indent:0;}
			#datalist .mod-img2 p { padding:5px 10px; margin:0; font-size:0.8em; color:#333; text-indent:0; line-height:1.6em; text-indent:0;}
			#datalist .mod-img2 p a { color:#333; font-size:1em;}
			#datalist .mod-img2 span { padding:5px 10px; margin:0;font-size:0.8em; display:block; line-height:0.8em; text-indent:0; }
				#datalist .mod-img2 b { font-size:0.9em; font-weight:bold;}
			#datalist ol{ margin:5px 0 30px ; padding:0; width:684px; }
		#datalist ol li{ margin:0; padding:6px 5px 4px; border-bottom:1px solid #CCC; }
			#datalist ol li img{ padding: 5px 10px 5px 0; margin:0; display:block; width:60px; height:60px; float:left;}
			#datalist ol li h2{ padding: 5px; margin:0; font-size:1em; color:#333; text-indent:0; float:left; width:590px;}
			#datalist ol li p { padding: 5px; margin:0; font-size:0.9em; color:#333; text-indent:0; line-height:1.6em; text-indent:0; width:590px; float:left;}
			#datalist ol li p a { color:#333; font-size:1em;}
			#datalist ol li:after{ display:block; clear:both; visibility:hidden; content:""; height:0;}
		#datalist #title{  hight:35px; padding:10px 0px 10px; margin:0 15px 0 0 ;  border-bottom:3px solid #999;}
	#datalist #title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	#datalist #title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	#datalist #title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:right;}
	#datalist #title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;} 
	#datalist .title{  hight:35px; padding:10px 0px 10px; margin:0 15px 10px;  border-bottom:3px solid #39F;}
	#datalist table,#datalist td,#datalist th{ border-collapse :collapse ; }
		#datalist table{ margin:10px 15px 10px 0; width:825px;}
			#datalist table tr{ height: 26px; border-bottom:1px solid #CCC;}
				#datalist table tr th{ background: #DDDDFF; text-align: center; padding: 7px; font-size:14px; }
				#datalist table .on tr td{ background: #DDDDFF; }
				#datalist table tr td{ padding: 5px; vertical-align:top; text-align:center;}
				#datalist table tr .textleft{ text-align:left;}
				#datalist table tr td img{ padding:0; margin:0; width:50px; height:50px}
				#datalist table tr td a.edit-invalid { color:#CCC}
		#datalist #cart{ margin:15px 15px 15px 0;}
			#datalist #cart .cart-top{}
			#datalist #cart .cart-top li { border:none;}
			#datalist #cart .cart-mid{}
				#datalist #cart .on { background:#FFF;}
				#datalist #cart .off { background:#F7F7F7;}
			#datalist #cart ol{}
				#datalist #cart ol li{}
					#datalist #cart ol li span{ display:inline-block;padding:5px; vertical-align:text-top; font-size:0.8em;}
				#datalist #cart .cart-checkbox{ width:60px; }
				#datalist #cart .cart-mane{ width:180px; }
				#datalist #cart .cart-img{ width:60px; }
				#datalist #cart .cart-img img{ margin:0; padding:0; display:block;}
				#datalist #cart .cart-type{ width:70px; }
				#datalist #cart .cart-price{ width:80px; color:#06C; font-size:1em; font-weight:bold; }
				#datalist #cart .cart-price1{ width:80px;}
				#datalist #cart .cart-inner{ width:110px; text-align:right; }
				#datalist #cart .cart-grapher { margin:10px 0 5px; padding:5px 10px 0; font-size:0.9em;}
				#datalist #cart #cart-toolbar { margin:10px 0 15px; padding:0; font-size:0.9em; background:#FFF;}
				#datalist #cart #cart-toolbar #toolbar-price { float:left; margin:0; padding:10px;}
				#datalist #cart #cart-toolbar #toolbar-btn { float:left;margin:0 15px 0 0}
					#datalist #cart #cart-toolbar #toolbar-btn a{ display:block ; padding: 10px 15px;}
				#datalist #cart #cart-toolbar .on a {  background:#06C; color:#FFF;}
				#datalist #cart #cart-toolbar .off a { background:#999; color:#333;}
	#datalist datalist{ padding:15px 0 30px;}
		#datalist datalist dl{ padding:5px; margin:0 0 5px; overflow:hidden; }
			#datalist datalist dl dt{ width:150px; float:left; padding:5px; margin:5px;  text-align:right;}
		 	#datalist datalist dl dd { width:auto; margin:0; float:left; overflow:hidden; padding:5px; margin:0px; }
			#datalist datalist dl dd input{ padding:5px; margin:0 15px 0 0; line-height:0.9em; font-size:0.9em}
			#datalist datalist dl dd select{  padding: 5px; font-size: 1em; margin: 0 5px 0 0; display:inline-block;}
		#datalist datalist .submit { padding: 0 0 0 180px;} 
			#datalist datalist .submit input{ padding:5px 10px; margin:0 15px 0 0;line-height:0.9em; font-size:0.9em}
	#graphers{ width:990px;}
		#graphers #title{  hight:35px; padding:10px 0px 10px; margin:0 15px ;  border-bottom:3px solid #39F;}
			#graphers #title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
				#graphers #title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
			#graphers #title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:right;} 
		#graphers ul{ margin:15px 0 0 15px;}
			#graphers ul:after{ clear:both; height:0; content:""; display:block; visibility:hidden;}
			#graphers ul li{ margin:0 15px 15px 0; width:180px; height:180px; overflow:hidden; float:left; background:#FFF;}
			#graphers ul li a{ display:block;}
			#graphers ul li a .photo{ position:absolute; width:180px; height:180px; z-index:1;}
				#graphers ul li a img{ display:block; padding:4px; width:172px; height:172px;}
			#graphers ul li .info{height:76px;width:162px;background:#000;padding:0;line-height:1.6em;font-size:0.8em;position:absolute;color:#FFF;z-index:10; margin:92px 4px 4px 4px; padding:5px;filter:alpha(opacity=60);  -moz-opacity:0.6; -khtml-opacity: 0.6;  opacity: 0.6; display:none;}
			#graphers ul li a:hover .info{display:block;}
			#graphers ul li .info b{ font-size:1em; font-weight:bold; }
	 #datalist nav{ width:auto; padding:0 10px 0 0;}
	 	#datalist nav .seach{ width:auto;}
		#datalist nav .seach a{ display:inline-block; float:none;}
	article .title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	article .title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	article .title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;}
	article .title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 0 0 10px ; float:right;}
	article p{ padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
	article .news{padding:5px 0 15px; margin:0 25px  }
		article .news ul{ padding:0; margin:0}
		article .news ul li{ padding:10px 0 3px; margin:0; border-bottom:1px solid #EEE; line-height:1em;}
		article .news ul li h3{ width:auto; padding:0; margin:0 ;float:left;  }
		article .news ul li h3 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
		article .news ul li label{ font-size:1em; width:auto; padding:0; margin:0 10px ; float:right;}
		article .news ul li label a{ font-size:0.7em;}
section #register { margin:auto; width:960px;}
	section #register  h1{ padding:0 120px; line-height:1.5em; font-size:1.5em; color:#333;}
	section #register .logo{ }
		section #register .logo img{ padding:50px 20px 20px; margin:0;}
section #respont{ padding:15px 15px 20px; margin:0 auto; width:auto; text-align:center; }
	#respont dl { padding:5px 0; overflow:hidden;}
		#respont dl dt { width:100px; float:left; padding:5px 15px 0 0; margin:0; text-align:right; }
		#respont dl dt label{ padding:5px 5px; height:22px; line-height:22px; vertical-align:super;}
		#respont dl dd{width:500px; float:left; padding:0; margin:0; text-align:left; }
		#respont dl dd input{ padding:3px 5px; margin:0; border:1px solid #ccc; line-height:22px; height:22px; width:200px; line-height:22px; vertical-align:super; background:#FFF;}
		#respont dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; width:100%; line-height:22px; vertical-align:super;}
		#respont dl dd span{ padding:3px 5px; margin:0; background:#EEE; font-size:0.8em; line-height:0.8em; vertical-align:super;}
		#respont dl .validate{ overflow:hidden;}
			#respont dl .validate .tel{ display:inline-block;}
			#respont dl .validate .telvalidate{ display:inline-block; width:80px; padding:3px 5px; margin:5px 0 0; border:1px solid #ccc; height:28px; line-height:22px; vertical-align:super; background:#EEE;}
			#respont .coder{ padding:0; margin:0; }
			#respont .coder input{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em;  width:100px; line-height:22px;  display:inline-block; vertical-align: text-top;}
				#respont .coder img{ padding:0px 5px; margin:0; width:60px; height:28px; display:inline-block; line-height:22px; vertical-align: text-top;}
				#respont .coder span{ padding:0px 5px 3px; margin:0;  font-size:0.9em; width:auto;line-height:22px; display:inline-block; color: #09C; vertical-align: super; }
			#respont dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em; line-height:1.5em; width:100%; vertical-align:super;}  
		#respont .submit{ padding:0; margin:0 0 0 115px; overflow:hidden;}
		#respont .submit input{ padding:5px 10px; margin:5px 10px 5px 0; border:1px solid #CCC; background:#EEE; font-size:0.9em; background:#EEE;}
		#respont form{ padding:0; margin:0;}
		#respont ul{ padding:0; margin:0;}
			#respont ul li{ padding:10px 0; margin:0; border-bottom:1px solid #CCC; }
			#respont ul li h3{ padding:5px 0 0; margin:0; font-size:1em; text-indent:2em;}
			#respont ul li p{ padding:5px 0 0; margin:0; font-size:1em; text-indent:2em;}
			#respont ul li p inport{ display:inline-block; padding:0; margin:0}
			#respont ul li p span{ display:inline-block; padding:0 15px 0 5px; margin:0; text-indent:0;}
			#respont ul li p textatea{padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em; line-height:1.5em; width:100%; line-height:22px; vertical-align:super;}
				#respont form ol li a { padding:5px; margin:5px 5px 5px 0; width:auto; display:block; font-size:0.9em; float:left;}
			#respont h3{ padding:15px 0; margin:0; font-size:1em; text-indent:2em;}
.artcile #respont{ background:url(../images/bg-body.gif);}
	.respont{ min-height:500px;}
		.respont form ol{ width:300px; margin:30px auto;}
			.respont form ol li{ margin: 0 0 20px; overflow:hidden;}
				.respont form ol li input{ padding:5px; margin:0; border:1px solid #ccc; line-height:24px; height:24px; width:288px; line-height:24px; vertical-align:super; background:#FFF;}
				.respont form ol li .verifycode{width:150px; float:left; margin: 0 10px 0 0;}
				.respont form ol li img {padding:0px; margin:0 5px 0 0; width:80px; height:36px; display:block; border:0; float:left;}
				.respont form ol li span{ display:block; float:left; margin:0; padding:0; height:36px; width:36px; text-align:right; line-height:40px; vertical-align:sub;}
				.respont form ol li .submit{padding:5px 10px; margin:0; border:1px solid #999; background:#999; font-size:1em;  width:300px; height:40px; line-height:28px; vertical-align:sub; background:CCC; }
				.respont form ol li.mgs label{ line-height:20px; vertical-align:text-bottom; display:block; padding:5px 0; color:#07C; }
				.respont p{ margin:20px 120px; line-height:1.8em; font-size:1em; }
				.respont p a{ color:#07C;}
	.section{ padding:30px 0 ; width:1100px; margin:auto;  overflow:hidden; min-height:600px;}
	#login { width:960px; margin:auto;}
.login {background: url(../images/loginbg01.jpg) no-repeat 150px 40px; text-align:center; padding:20px; height:450px; margin:30px 0 40px 0;}
	.loginForm{ margin: 70px 250px 0 350px;  background:#FFF; filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; border-radius: 4px; box-shadow: 1px 1px 2px #888; border:1px solid #CCC; }
	.loginForm h1 {padding:10px 20px; font-size:1.2em; line-height:1.2em; margin:0; background:#EEE url(../images/logo-login.png) no-repeat right; color:#000;}
	.loginForm ol{ padding:5px 5px 5px 15px;}
		.loginForm ol li{ padding:10px 5px; height:30px; clear: both; position: relative;}
		.loginForm ol li label{ padding:5px; width:70px; text-align:left; display:block; font-size:0.9em; float:left; margin:0}
		.loginForm ol li input{ padding:5px; text-align:left; display:block; margin:5px 5px 0px; float:left; border:1px #CCC solid;  border-radius:0;   }
		.loginForm ol li input:focus{ border:1px solid #06C;}
		.loginForm ol li label.error{position: absolute; padding:0px 0 10px 15px; font-size:0.8em; display:block; color:#07C;  top: 45px; left: 75px; z-index: 1; width:150px  }
		.loginForm ol li .verifycode{width:50px;}
		.loginForm ol li img {padding:0px; margin:5px 5px 5px 0; width:60px; height:30px; display:block; border:0; float:left;}
		.loginForm ol li a { padding:5px; margin:5px 5px 5px 0; width:auto; display:block; font-size:0.9em; float:left;}
			.loginForm ol .button input{ padding:10px 15px}
			.loginForm ol .button label{ padding:5px; width:70px; text-align:left; display:block; font-size:0.9em; float:left; margin:10px 0 0;}
			.loginForm ol .button .checkbox{ margin:20px 10px 0;}
		.loginForm ol li:afer{ display:block; height:0; visibility:hidden; clear:both; content:"";}
		.loginForm .msg{ padding:10px 0 0px; border-top:1px #CCC dotted; margin:15px 30px;}
			.loginForm .msg a{ color:#06C; display:inline-block; margin:0 15px 0 0; font-size:0.85em;}
aside{ width:260px; float:left; padding:0px; margin:0; overflow:hidden;}
	aside .top{ padding:10px 10px 5px; background:#999; border-bottom:2px #CCC solid; }
		aside .top h3{ padding:0 ; margin:0; float:left; font-size:1.em; color:#FFF;}
		aside .top span{ padding:5px 0 0; margin:0; float:right; font-size:0.8em; color:#FFF;}
	aside ul{ padding:5px 0 10px; background:#FFF; margin:0 0 15px;}
		aside ul li{padding:6px 0 4px; margin:0 10px; border-bottom:1px dotted #999;}
		aside ul li:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
		aside ul li a{}
		aside ul li:after{display:block;clear:both;content:"";visibility:hidden;height:0;}  
		aside .pic{}
		aside .pic img{ width:100px; height:75px; padding:2px; border:1px solid #CCC; margin:0 5px 0 0; float:left;}
		aside .pic p{ width:125px; padding:0 0 5px ; margin:0; float:left; line-height:1.6em; font-size:0.8em;}
		aside .pic p a{ font-size:1em;}
		aside .pic h4 { font-size:0.8em; padding:0 0 5px; margin:0; }
footer{ border-top:#000 1px solid; text-align:center;}
	#footer{ margin:0 auto; width:960px; }
	#footer #footernav { margin:0; padding:10px 0; float:left; width:360px }
		#footer #footernav a { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#FFF; display:block; float:left; }
		#footer #footernav span { color: #EEE;  padding: 10px 3px; float:left; display:block;}
		#footer #footernav a:hover { color: #FFF; text-shadow: none; }
	#footer #copyright { margin:0; padding:10px 0; float:right; width:600px }
		#footer #copyright p { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#333; color:#FFF; text-align:right;}
		#footer #copyright a { color: #EEE;  padding: 2px 3px;font-size:1em}
		#footer #copyright a:hover { color: #FFF; text-shadow: none; }
	#footer:after{display:block;clear:both;content:"";visibility:hidden;height:0;}  
	
